@charset "utf-8";

.mobyshf{background:url(../imges/12.png) no-repeat right top;padding:70px 0px 120px;}

.mobyshf h3{padding:32px 0px 33px; font-size:16px}

.mobyshf h3 span{font-weight:bold;padding-right:10px;}

.mobyshf h3 .span1{padding-left:110px}

.mobyshf h3 .span2{padding-left:170px}

.mobyshf h3 .span3{padding-left:230px}

.mobyshf h3 .span4{padding-left:150px}

.mobyshf i{display:none}



.mobys{background:#EEEEEE; text-align:center;padding:20px 0px}

.mobys h2,.mobyslr h2{font-size:46px;  color:#323232;font-family: 'HanHei-SC';}

.moblby div{width:20%; float:left; font-size:12px; color:#5F5F5F; padding:30px 0%}

.moblby i{font-size:36px;color: #FFFFFF; background:#599FE0;border-radius:50%; width:75px; height:75px; text-align:center; display: inline-block; line-height:80px}



.moblby h4{font-size:16px; font-weight:bold;padding:20px 0px 0px; color:#303030}

.moblby p{padding:0px 10px}

.mobyslr{text-align:center;padding:20px 0px}

.mobyslr img,.mobys img{padding:20px 0px;max-width: 100%;height: auto;}

/*手机超小屏幕下的单独样式 xs < 768px */



@media (min-width: 300px) and (max-width: 766px){



.mobyshf{background:none; padding:0px 10%}

.mobyshf i{display: block; font-size:50px; float:left;padding-right:20px;padding-bottom:15px}

.mobyshf h3{padding:5px 0px; font-size:14px;}

.mobyshf h3 span{clear:both; display:block; padding:10px 0px;maring:5px 0px 0px;}

.mobyshf h3 .span1,.mobyshf h3 .span2,.mobyshf h3 .span3,.mobyshf h3 .span4{padding-left:0px}

.mobyshf h3 .span1{color:#F35A5A}

.mobyshf h3 .span2{color:#74D843}

.mobyshf h3 .span3{color:#3BCBD8}

.mobyshf h3 .span4{color:#AF6DF3}

.moblby .divnons,.moblby p{display:none}

.moblby div{width:50%; float:left; font-size:12px; color:#5F5F5F; padding:10px 0%}

.mobys h2,.mobyslr h2{font-size:24px;  color:#323232;font-family: 'HanHei-SC';}

.mobyslr p,.mobys section p{font-size:12px; padding:0px 10%; line-height:180%; color:#5B5B5B}

.mobyslr img,.mobys img{padding:20px 0px;max-width: 60%;height: auto;}



}









/*平板小屏幕样式 768px <= sm < 992px */

@media (min-width: 768px) and (max-width: 991px){



.mobyshf{background:url(../imges/12.png) no-repeat right top/100% auto;padding:42px 0px 90px;}

.mobyshf h3{padding:15px 0px; font-size:12px}

.mobyshf h3 span{font-weight:bold;padding-right:8px;}

.mobyshf h3 .span1{padding-left:60px}

.mobyshf h3 .span2{padding-left:100px}

.mobyshf h3 .span3{padding-left:140px}

.mobyshf h3 .span4{padding-left:90px}

.moblby div{width:25%; float:left; font-size:12px; color:#5F5F5F; padding:30px 0%}



.moblby .divnons{display:none}

.mobyslr img,.mobys img{padding:20px 0px;max-width: 80%;height: auto;}



}



/*大于992px以上固定宽度为970px md >= 992px */

@media (min-width: 992px) and (max-width: 1199px){



.mobyshf{background:url(../imges/12.png) no-repeat right top/100% auto;padding:50px 0px 110px;}

.mobyshf h3{padding:23px 0px; font-size:16px}

.mobyshf h3 span{font-weight:bold;padding-right:8px;}

.mobyshf h3 .span1{padding-left:80px}

.mobyshf h3 .span2{padding-left:130px}

.mobyshf h3 .span3{padding-left:180px}

.mobyshf h3 .span4{padding-left:110px}



}